<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>好运网</title>
</head>
<body>
<div th:fragment="right">
    <div id="service">
        <ul>
            <li th:if="${session.loginSession}">
                <a href="/deposit" title="存">
                    <div class="hides" style="display: none;">
                        <div id="p1">
                            <p>存</p>
                        </div>
                    </div>
                    <span class="shows" style="display: block;"><i
                            style="background: url(/images/l05.png) no-repeat;"></i></span>
                </a>
            </li>

            <li th:if="${session.loginSession}">
                <a href="/withdrawal" title="提">
                    <div class="hides" style="display: none;">
                        <div id="p1">
                            <p>提</p>
                        </div>
                    </div>
                    <span class="shows" style="display: block;"><i
                            style="background: url(/images/l02.png) no-repeat;"></i></span>
                </a>
            </li>
            <li th:if="${session.loginSession}">
                <a href="/transfer" title="转">
                    <div class="hides" style="display: none;">
                        <div id="p1">
                            <p>转</p>
                        </div>
                    </div>
                    <span class="shows" style="display: block;"><i
                            style="background: url(/images/l06.png) no-repeat;"></i></span>
                </a>
            </li>
            <li>
                <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=800022936&amp;site=qq&amp;menu=yes" target="_blank">
                    <div class="hides" style="display: none;">
                        <div id="p1">
                            <p>客服</p>
                        </div>
                    </div>
                    <span class="shows" style="display: block;"><i
                            style="background: url(/images/l04.png) no-repeat;"></i></span>
                </a>
            </li>
            <li>
                <a href="javascript:void(0)" id="top_btn">
                    <div class="hides" style="display: none;">
                        <div id="p1">
                            <p>Top</p>
                        </div>
                    </div>
                    <span class="shows" style="display: block;"><i
                            style="background: url(/images/l061.png) no-repeat;"></i></span>
                </a>
            </li>
        </ul>
    </div>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#service a").hover(function () {
                $(this).children("div.hides").show();
                $(this).children("span.shows").hide();
            }, function () {
                $(this).children("div.hides").hide();
                $(this).children("div.hides").next("span.shows").show();
            });

            $("#top_btn").click(function () {
                $("html,body").animate({scrollTop: 0}, 600);
            });

            //右侧导航 - 二维码
            /* $(".weixin_area").hover(function() {
                 $(this).children(".weixin").show();
             },function(){
                 $(this).children(".weixin").hide();
             })*/
        });
    </script>
</div>
</body>
</html>
